<template>
  <div>
    <Tab title="组件名称" :value="$store.state.seletBoxData.id" />
    <Tab title="组件类型" :value="$store.state.seletBoxData.name" />
    <Tab />
    <div class="flex mt" style="justify-content: space-around">
      <Input v-model:value="$store.state.seletBoxData.style.width" />
      <Input v-model:value="$store.state.seletBoxData.style.height" name="H" />
    </div>
    <div class="flex mt" style="justify-content: space-around">
      <Input v-model:value="$store.state.seletBoxData.style.top" name="T" />
      <Input v-model:value="$store.state.seletBoxData.style.left" name="L" />
    </div>
  </div>
</template>
<script lang="ts">
import { defineComponent } from "vue";
import Input from "../../../../components/Input/index";
import Tab from "../../../../components/Tab/index.vue";
export default defineComponent({
  components: {
    Input,
    Tab,
  },
  setup() {},
});
</script>
